<template>
<h3>表单输入绑定</h3>
<!-- 通过v-model实时获得表单的内容 -->
<input type="text" v-model="message">
<p>{{ message }}</p>
<!-- 通过v-model获得checkbox内容 -->
<input type="checkbox" v-model="checked" id="checkbox">
<label for="checkbox">{{ checked }}</label>

</template>

<script>

export default{
    data(){
        return{
            message:"",
            checked:false
        }
    }
}

</script>